import { createApp } from 'vue'

import Cookies from 'js-cookie'

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

import Carousel3d from 'vue3-carousel-3d';
import "vue3-carousel-3d/dist/index.css";

import '@/assets/styles/index.scss' // global css
import '@/styles/index.js'; //自定义样式

import App from './App'
import store from './store'
import router from './router'
import directive from './directive' // directive

// 注册指令
import plugins from './plugins' // plugins
import { download } from '@/utils/request'

// svg图标
import 'virtual:svg-icons-register'
import SvgIcon from '@/components/SvgIcon'
import elementIcons from '@/components/SvgIcon/svgicon'

import './permission' // permission control

import { useDict } from '@/utils/dict'
import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels, checkStatus } from '@/utils/ruoyi'

// 分页组件
import Pagination from '@/components/Pagination'
// 自定义表格工具组件
import RightToolbar from '@/components/RightToolbar'
// 富文本组件
import Editor from "@/components/Editor"
// 文件上传组件
import FileUpload from "@/components/FileUpload"
// 图片上传 - 裁剪组件
import ImageCropUpload from "@/components/ImageCropUpload"
// 图片上传组件
import ImageUpload from "@/components/ImageUpload"
// 图片预览组件
import ImagePreview from "@/components/ImagePreview"
// 自定义树选择组件
import TreeSelect from '@/components/TreeSelect'
// 字典标签组件
import DictTag from '@/components/DictTag'
// excel 导入组件
import ExcelUpload from '@/components/ExcelUpload'
// 获取公众号文章组件
import WxTable from '@/components/WxTable'
//坐标拾取组件
import MyMap from "@/components/MyMap"
//步骤条组件 竖着
import VerticalProcessBar from "@/components/VerticalProcessBar"
// 横着组件
import HorizontalApprovalFlow from "@/components/HorizontalApprovalFlow"
//下拉组件
import MySelect from "@/components/MySelect/index.vue";
import MySelectV2 from "@/components/MySelectV2/index.vue";
//修改排序 全局
import EditSort from "@/components/EditSort/index.vue";
//省市区选择组件
import AreaSelect from "@/components/AreaSelect/index.vue"
const app = createApp(App)

// 全局方法挂载
app.config.globalProperties.useDict = useDict
app.config.globalProperties.download = download
app.config.globalProperties.parseTime = parseTime
app.config.globalProperties.resetForm = resetForm
app.config.globalProperties.handleTree = handleTree
app.config.globalProperties.addDateRange = addDateRange
app.config.globalProperties.selectDictLabel = selectDictLabel
app.config.globalProperties.selectDictLabels = selectDictLabels
app.config.globalProperties.checkStatus = checkStatus

// 全局组件挂载

app.component('DictTag', DictTag)
app.component('Pagination', Pagination)
app.component('TreeSelect', TreeSelect)
app.component('FileUpload', FileUpload)
app.component('ImageUpload', ImageUpload)
app.component('ImageCropUpload', ImageCropUpload)
app.component('ImagePreview', ImagePreview)
app.component('RightToolbar', RightToolbar)
app.component('ExcelUpload', ExcelUpload)
app.component('WxTable', WxTable)
app.component('Editor', Editor)
app.component('MyMap', MyMap)
app.component('MySelect', MySelect)
app.component('MySelectV2', MySelectV2)
app.component('AreaSelect', AreaSelect)
app.component('VerticalProcessBar', VerticalProcessBar)
app.component('HorizontalApprovalFlow', HorizontalApprovalFlow)
app.component('EditSort', EditSort)
app.use(router)
app.use(store)
app.use(plugins)
app.use(elementIcons)
app.use(Carousel3d)
// app.use(ElementPro);
app.component('svg-icon', SvgIcon)

directive(app)

// 使用element-plus 并且设置全局的大小
// app.use(ElementPlus, {
//   locale: locale,
//   // 支持 large、default、small
//   size: Cookies.get('size') || 'default'
// })
app.use(ElementPlus, { size: Cookies.get('size') || 'default', zIndex: 3000, locale: zhCn, })
app.mount('#app')
